import { Component, Input, Output, EventEmitter  } from '@angular/core';

@Component({
    selector : 'foot-button',
    templateUrl : './foot-button.component.html',
    styleUrls : ['foot-button.component.css']
})
export class FootButton {
    @Input() active:string;
    @Input() sum:string;
    @Output() change = new EventEmitter();

    range(sum:number) {
        return new Array(sum);
    }

    changeActive(index) {
        this.change.emit(index);
    }
}